<%--
    Document   : bandejaSalida
    Created on : 23-feb-2011, 12:55:46
    Author     : Curro
--%>

<html>
    <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
    <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
     <%@ taglib uri="http://java.sun.com/jstl/fmt" prefix="fmt" %>
    <head>
        <title>Red Social</title>
        <link href="./css/estilos.css" rel="stylesheet" type="text/css"/>
        <script type="text/javascript">
            function mostrar(mensajeClick){
                var rows = document.getElementById('results').rows;
                for(i=0; i<(rows.length-1)/2;i++)
                {
                    cadena="mensajeOculto"+i;
                    oculta=document.getElementById(cadena);
                    if(i!=mensajeClick){
                        oculta.style.display="none";
                    }
                    else{
                        if(oculta.style.display=="none" || oculta.style.display=='' ){
                            oculta.style.display="table-row";
                        }
                        else{
                            oculta.style.display="none";
                        }
                    }
                }
            }
        </script>
        <style type="text/css">
            .pg-normal {
                color: black;
                font-weight: normal;
                text-decoration: none;
                cursor: pointer;
            }
            .pg-selected {
                color: black;
                font-weight: bold;
                text-decoration: underline;
                cursor: pointer;
            }
        </style>
        <script type="text/javascript" src="./js/paging.js"></script>
    </head>
    <body>
        <f:view>
           
            <div id="contenido">
                 <jsp:include page="cabecera.jsp"/>
                <jsp:include page="izquierda.jsp"/>
                <div id="columnaCentral">
                    <c:if test="${mensajeBean.numeroSalida>0}">
                        <c:out value="${mensajeBean.mensaje}" />
                        <table width="100%" id="results">
                            <tr>
                                <th align="left"><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="bandeja.amigo"/></fmt:bundle></th>
                                <th><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="bandeja.tumandado"/></fmt:bundle></th>
                                <th><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="bandeja.el"/></fmt:bundle></th>
                            </tr>

                            <c:set var="it" value="0" />
                            <c:forEach var="mensaje" items="#{mensajeBean.salida}">
                                <h:form>
                                    <tr onclick="mostrar(${it})">

                                        <td><c:out value="${mensaje.idReceptor.perfil.nombre} ${mensaje.idReceptor.perfil.apellidos}" /></td>
                                        <td align="center"><c:out value="${mensaje.asunto}" /></td>
                                        <td align="center"><h:outputText value="#{mensaje.fecha}" >
                                                <f:convertDateTime pattern="HH:mm:ss dd/MM/yyyy" />
                                            </h:outputText>
                                        </td>
                                    </tr>

                                    <tr id="mensajeOculto${it}" class="oculto">
                                        <td colspan="3" align="center">
                                            <textarea readonly="readonly" cols="70%" rows="3"><c:out value="${mensaje.texto}" /></textarea>
                                            <input type="hidden" id="idmensaje" name="idmensaje" value="${mensaje.idMensaje}" />
                                            <h:commandButton value="Borrar" action="#{mensajeBean.doBorrar}" />
                                        </td>
                                    </tr>
                                </h:form>
                                <c:set var="it" value="${it+1}" />
                            </c:forEach>
                        </table>
                        <div id="pageNavPosition" align="center"></div>
                    </c:if>
                    <c:if test="${mensajeBean.numeroSalida==0}">
                       <fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="bandeja.enviados"/></fmt:bundle>
                    </c:if>
                </div>
                <jsp:include page="derecha.jsp"/>
            </div>
            <jsp:include page="pie.jsp"/>
        </f:view>
        <script type="text/javascript">
            var pager = new Pager('results', 20);
            pager.init();
            pager.showPageNav('pager', 'pageNavPosition');
            pager.showPage(1);
        </script>
    <body>
</html>
